import 'package:easy_rich_text/easy_rich_text.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:tiktokadult/hj_page/mine_business/mine_vip/vip_support_model.dart';
import 'package:tiktokadult/tools_base/widget/net_image_widget.dart';
import 'package:tiktokadult/hj_utils/widget_utils.dart';

class PrivilegeItem extends StatelessWidget {
  final VipProductModel model;
  final Function()? onTap;
  const PrivilegeItem(this.model, {super.key, this.onTap});

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () => onTap?.call(),
      child: Container(
          height: 228.h,
          decoration: BoxDecoration(border: Border.all(color: Colors.white.withOpacity(.3)), borderRadius: BorderRadius.circular(13)),
          child: NetworkImageLoader(
            imageUrl: model.bgImg ?? '',
            borderRadius: 13,
            fit: BoxFit.fill,
          )
          //  Column(
          //   crossAxisAlignment: CrossAxisAlignment.start,
          //   children: [
          //     Padding(
          //         padding: EdgeInsets.symmetric(
          //           horizontal: 26,
          //         ),
          //         child: SizedBox(
          //           height: 1,
          //           width: double.infinity,
          //           child: DecoratedBox(
          //             decoration: BoxDecoration(
          //                 gradient: LinearGradient(colors: [Colors.transparent, Colors.white, Colors.transparent])),
          //           ),
          //         )),
          //     18.sizeBoxH,
          //     Expanded(
          //       child: Stack(
          //         fit: StackFit.expand,
          //         children: [
          //           Positioned(
          //             bottom: 0,
          //             right: 18,
          //             child: Container(
          //               child: NetworkImageLoader(
          //                 imageUrl: model.bgImg ?? '',
          //                 width: 143,
          //                 borderRadius: 0,
          //               ),
          //             ),
          //           ),
          //           Padding(
          //             padding: EdgeInsets.only(left: 21),
          //             child: Column(
          //               crossAxisAlignment: CrossAxisAlignment.start,
          //               children: [
          //                 Text(
          //                   model.productName ?? '',
          //                   style: TextStyle(color: Colors.white, fontSize: 32, fontWeight: FontWeight.w900),
          //                 ),
          //                 Expanded(
          //                   child: Align(
          //                     alignment: Alignment.centerLeft,
          //                     child: Text(
          //                       model.desc ?? '',
          //                       maxLines: 2,
          //                       style: TextStyle(color: Colors.white, fontSize: 16, fontWeight: FontWeight.w400),
          //                     ),
          //                   ),
          //                 ),
          //                 EasyRichText(
          //                   '¥${(model.discountedPriceAnd ?? 0) ~/ 10} 原价${(model.originalPrice ?? 0) ~/ 10}',
          //                   patternList: [
          //                     EasyRichTextPattern(
          //                       targetString: '${(model.discountedPriceAnd ?? 0) ~/ 10}',
          //                       matchBuilder: (_, match) => TextSpan(
          //                         text: match?.input ?? '',
          //                         style: TextStyle(
          //                             color: Colors.white, fontSize: 57, fontWeight: FontWeight.w400, height: 1),
          //                       ),
          //                     ),
          //                     EasyRichTextPattern(
          //                       targetString: '原价${(model.originalPrice ?? 0) ~/ 10}',
          //                       matchBuilder: (_, match) => TextSpan(
          //                         text: match?.input ?? '',
          //                         style: TextStyle(
          //                             color: Color(0xffD4D4D4),
          //                             fontSize: 24,
          //                             fontWeight: FontWeight.w400,
          //                             height: 1,
          //                             decoration: TextDecoration.lineThrough,
          //                             decorationColor: Color(0xffD4D4D4)),
          //                       ),
          //                     )
          //                   ],
          //                   defaultStyle: TextStyle(color: Colors.white, fontSize: 34, fontWeight: FontWeight.w500),
          //                 ),
          //                 19.sizeBoxH,
          //               ],
          //             ),
          //           ),
          //         ],
          //       ),
          //     ),
          //   ],
          // ),
          ),
    );
  }
}
